<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOU - Profile</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body>
<div class="container">
    <?php
        include 'header2.php';
		
		require_once('config.php');
    	$user_id = $_COOKIE['id_active'];
    ?>
    <div class="content">
    	<div class="headcontent">
            <span class="randomtext" style="margin-left:50px">Hi, <?php
																	$sql="SELECT fullname FROM user WHERE iduser='$user_id'";
																	$result=mysql_query($sql);
																	while($res = mysql_fetch_array($result))
																	{
																		$nama = $res['fullname'];
																	}
																	echo $nama; 
																?></span>
            <span class="randomtext" style="padding-left:900px">PROFILE</span>
        	<hr/>
        </div>
    	<div class="leftcontent" style="width:250px; border-right-style: groove">
            <div style="margin-left: 40px">
                <div class="fotoitem">
                    <img src="images/pudy.jpg" alt="pudy cantik" height="200" width="150" />
                </div>
          </div>
            <div class="clearboth"></div>
            <div>
                <div class="randomtext" style="margin-bottom: 10px; margin-top: 15px">Personal Information</div>
                <div class="item2">
                	<label>Full Name :</label><br/>
                        <label style="text-align:left">Pudy Prima</label>
                </div>
                <div class="item2">
                	<label>Birth Date :</label><br/>
                        <label style="text-align:left">30-11-1989</label>
                </div>
                <div class="item2">
                	<label>E-mail :</label><br/>
                        <label style="text-align:left">pudy_prima@yahoo.co.uk</label>
                </div>
                <div class="item2">
                	<label>Gender :</label><br/>
                        <label style="text-align:left">Wanita</label>
                </div>
                <div class="item2">
                	<label>Location :</label><br/>
                        <label style="text-align:left">Bandung</label>
                </div>
                <div class="item2">
                	<button type="submit">Edit Personal Information</button>
                </div>
            </div>
        </div>
        <div class="leftcontent" style="width:730px; border-right-style: groove">
            <div>
            	<div class="items" style="float:left">
                	<label>Accessibility</label>
                </div>
                <div class="items">
                	<select>
                	<option>Everyone</option>
                    	<option>Follower</option>
                    	<option>Private</option>
                	</select>
                </div>
                <div class="clearboth"></div>
            </div>
            <div class="wallpost">
            	<div class="post">
                	<textarea rows="2" cols="72" name="post"></textarea>
                </div>
                <div>
                	<button type="submit">Post</button>
                </div>
            </div>
            <div>
                <div class="wallpost">
                    <div class="post">
                        <div class="postitem" style="width: 65px">
                            <div class="fotoitem">
                                <img src="images/pudy.jpg" alt="pudy cantik" height="50" width="50" />                            </div>
                      </div>
                        <div class="postitem" style="width: 450px">
                            <label>Pudy Prima</label><br/>
                            <label>Hari ini menyenangkan</label><br/>
                            <label>19 Maret 2011</label>
                        </div>
                        <div class="postitem">
                            <label>Delete</label>
                        </div>
                        <div class="clearboth"></div>
                    </div>
                    <div class="post">
                        <div class="postitem" style="width: 65px">
                            <div class="fotoitem">
                                <img src="images/pudy.jpg" alt="pudy cantik" height="40" width="40" />                            </div>
                      </div>
                        <div class="postitem" style="width: 450px">
                            <label>Pudy Prima</label><br/>
                            <label>Iya menyenangkan, labil ngomenin post sendiri</label><br/>
                            <label>19 Maret 2011</label>
                        </div>
                        <div class="postitem">
                            <label>Delete</label>
                        </div>
                        <div class="clearboth"></div>
                    </div>
                    <div class="post">
                        <div class="post">
                            <textarea rows="2" cols="72" name="post"></textarea>
                        </div>
                        <div>
                            <button type="submit">Post</button>
                        </div>
                    </div>
                </div>
                <div class="wallpost">
                    <div class="post">
                        <div class="postitem" style="width: 65px">
                            <div class="fotoitem">
                                <img src="images/pudy.jpg" alt="pudy cantik" height="50" width="50" />                            </div>
                      </div>
                        <div class="postitem" style="width: 450px">
                            <label>Pudy Prima</label><br/>
                            <label>Hari ini menyebalkan X(</label><br/>
                            <label>18 Maret 2011</label>
                        </div>
                        <div class="postitem">
                            <label>Delete</label>
                        </div>
                        <div class="clearboth"></div>
                    </div>
                    <div class="post">
                        <div class="post">
                            <textarea rows="2" cols="72" name="post"></textarea>
                        </div>
                        <div>
                            <button type="submit">Post</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="leftcontent" style="width:250px; padding-left: 20px">
            <div class="right1" style="margin-bottom: 20px; margin-top: 20px">
                <div class="randomtext">Following</div>
                <div>
                    <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              </div>
            </div>
            <div class="right1" style="margin-bottom: 25px">
                <div class="randomtext">Follower</div>
                <div>
                	<div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              </div>
            </div>
            <div class="clearboth"></div>
            <div class="right1" style="padding-bottom: 15px; border-bottom-style: groove">
            	<div>
                    <button type="button" name="followbtn">FOLLOW!</button>
                </div>
            </div>
            <div class="right1" style="margin-top: 35px">
                <div class="randomtext">Photos</div>
                <div>
                    <div class="fotoitem">
                        <img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              <div class="fotoitem">
                    	<img src="images/pudy.jpg" alt="pudy cantik" height="30" width="30" />                    </div>
              </div>
            </div>
            <div class="clearboth"></div>
        </div>
        <div class="clearboth"></div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
